当前位置：flash8.0教程－基础教程

名称

《旋转按钮》的制作过程

预览

《旋转按钮》的制作方法

【实例说明】：

本例制作一个双击后可以旋转的动态按钮的效果。

【操作步骤】：

一、制作背景

1. 新建一个文档，大小可按默认设置。双击“图层1”；将其命名为“背景层”；
2. 在“背景层”的第一帧，请参照下图，选择矩形工具,随意制作一个背景；如下图：

二、制作文字层

1. 单击时间轴上的添加新图层按钮，再添加一个新“图层2”；然后双击“图层2”将其命名为“文字层”；
2. 选中文本工具,绘制如图所示的文字“旋转按钮”：

三、制作movie影片剪辑层

1. 单击时间轴上的添加新图层按钮，再添加一个新“图层3”；然后双击“图层3”将其命名为“剪辑层”
2. 单击“插入”/“新建元件”；在名称后面输入“movie”，勾选“影片剪辑”；单击“确定”按钮。
3. 单击“窗口”/“公用库”/“按钮”命令，在库面板中将circle button-next元件拖动到舞台的中心（必须对齐中心，具体做法可以单击“视图”/“网格”/“显示网格”，然后将该剪辑的中心点和舞台的中心点重合在一起即可）
4. 选中剪辑“图层1”第2帧；按F6键插入关键帧；选中“图层1”第3帧；按F5键插入帧；
5. 为剪辑添加如下代码：
6. 选中剪辑图层1的第1帧，添加如下代码：

stop();

1. 选中剪辑图层1的第1帧的按钮，添加如下代码：

on (release) {

play();

}

1. 选中剪辑图层1的第2帧的按钮，添加如下代码(不添加下划线)：（注意：在专家模式下输入完以下全部代码后，再切换到助手模式，选中下面有横线的代码后，勾选目标后面的“表达式”选项和值后面的“表达式”选项）

on (release) {

setProperty(this, _rotation, getProperty(this, _rotation)+90);

//setProperty动作的功能是设置属性,上面代码的意思是再次单击鼠标左键后,该按钮顺时针旋转90度

gotoAndStop(1);

}

四、最后按“Ctrl+Enter”组合键测试影片。